<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .title-center {
            text-align: center;
        }
        .fixed-article{
            width: 300px;
            border:solid 1px black;
            float:left;
            text-align: center;
        }
    </style>


</head>

<body>

    <h1 class="title-center">古诗</h1>


    <article class="fixed-article">
        <h2 class="title-center">春晓</h2>

        <p>春眠不觉晓，处处闻啼鸟。
        </p>

        <p>夜来风雨声，花落知多少。
        </p>
    </article>

    <article class="fixed-article">
        <h2 class="title-center">早春呈水部张十八员外
        </h2>
        <p>天街小雨润如酥，草色遥看近却无</p>
        <p>最是一年春好处，绝胜烟柳满皇都。
        </p>
    </article>


</body>

</html>